<template>
	<view class="unitDiv">
		<div class="companyDiv">{{userMsg.deptName||'-'}}</div>
		<div class="userDiv">{{userMsg.nickName||'-'}}</div>
	</view>
</template>

<script>
	export default {
		name: 'unitDiv',
		props: ['userMsg']
	}
</script>
<style lang="scss">
	.unitDiv {
		height: 150px;
		color: #fff;
		background: #0275a1;
		position: relative;
		margin: 5px 10px;
		border-radius: 10px;
	}

	.companyDiv {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		position: relative;
		top: 40px;
		margin: 0 10px;
	}

	.userDiv {
		font-size: 15px;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
</style>